@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #212121;
}

#aplayer {
	display: none;
}

ul {
	list-style-type: none;
	display: flex;
	flex-direction: column;
	border: 1px solid #333;
	margin: 0 auto;
	color: #BDBDBD
}

li {
	text-align: center;
	display: flex;
	flex-direction: row;
/*	justify-content: center;*/
	margin: 0 auto;
	background-color: #424242;
	font-size: 22px;
	width: 300px;
}

li:hover {
	background-color: #808080;
	color: #F8F8F8;
}

.title-li {
	background-color: #B1393B;
	font-size: 20px;
	color: #333
}

.title-li:hover {
	background-color: #B1393B;
	color: #333
}

.radius-top {
	border-radius: 8px 8px 0 0;
}

.radius-bottom {
	border-radius: 0 0 8px 8px;
}

.radius-all {
	border-radius: 8px;
}

.null-li {
	height: 30px;
	background-color: #212121;
}

.null-li:hover {
	background-color: #212121;
}

span {
	min-width: 100px;
	height: 50px;
	line-height: 50px;
	margin: auto 0;
	cursor: default;
}

.title-li span {
	height: 36px;
	line-height: 36px;
}

